<div class="dm-content">
    <header>
        <nav>
            <div class="dm-logo">
                <i class="yo-ico">&#xe694;</i>
                <!-- <span class="yo-ico">&#xe61f;</span> -->
                <span>全国</span>
            </div>
            <div class="dm-search">
                <i class="yo-ico">&#xe693;</i>
                <span>搜索明星、演出比赛、场馆</span>
            </div>
            <a href="http://10.60.15.31:8886/profile.html">
                <div class="user-info yo-ico">&#xe68c;</div>
            </a>
            
        </nav>
    </header>
    <main>
        <a href="http://10.60.15.31:8886/detail.html" class="link-swiper">        
            <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB16plAcoH1gK0jSZSySuttlpXa.jpg_q60.jpg_.webp"></div>
                        <div class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB16plAcoH1gK0jSZSySuttlpXa.jpg_q60.jpg_.webp"></div>
                        <div class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB16plAcoH1gK0jSZSySuttlpXa.jpg_q60.jpg_.webp"></div>
                    </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
            </div>
        </a>
            <ul class="dm-classify">
                <li data-hash="concert">
                    <span class="list-one"></span>
                    <p>演唱会</p>
                </li>
                <li data-hash="opera">
                    <span class="list-two"></span>
                    <p>话剧歌剧</p>
                </li>
                <li data-hash="music">
                    <span class="list-three"></span>
                    <p>音乐会</p>
                </li>
                <li data-hash="physical">
                    <span class="list-four"></span>
                    <p>体育</p>
                </li>
                <li data-hash="comic">
                    <span class="list-five"></span>
                    <p>曲苑杂坛</p>
                </li>
                <li data-hash="parentchild">
                    <span class="list-six"></span>
                    <p>亲子</p>
                </li>
                <li data-hash="relax">
                    <span class="list-seven"></span>
                    <p>展览休闲</p>
                </li>
                <li data-hash="oversea">
                    <span class="list-eight"></span>
                    <p>境外</p>
                </li>
            </ul>
            <a href="http://10.60.15.31:8886/detail.html?#kuajing" class="kuajing">
                <div class="dm-banner-second">
                </div>
            </a>
            

            <!-- 明星列表展 -->
            <div class="artist-list">
                <div class="artist-list-wrap">
                    <div class="artist-title">
                        大咖在大麦
                        <span>查看更多 ></span>
                    </div>
                    <div class="artist-content">
                            <ul>
                                <li>
                                    <div class="artist-top">
                                        <span class="zhoujielun"></span>
                                        <i>
                                            周杰伦
                                            <b>173.2万粉丝</b>
                                        </i> 
                                        <em>+ 关注</em>
                                    </div>
                                    <div class="artist-bottom">
                                        <span>最近4场演出</span>
                                        <i>></i>
                                    </div>
                                </li>
                                <li>
                                    <div class="artist-top">
                                        <span class="xuezhiqian"></span>
                                        <i>
                                            薛之谦
                                            <b>60.8万粉丝</b>
                                        </i> 
                                        <em>+ 关注</em>
                                    </div>
                                    <div class="artist-bottom">
                                        <span>最近1场演出</span>
                                        <i>></i>
                                    </div>
                                </li>
                                <li>
                                    <div class="artist-top">
                                        <span class="wuyuetian"></span>
                                        <i>
                                            五月天
                                            <b>59.7万粉丝</b>
                                        </i> 
                                        <em>+ 关注</em>
                                    </div>
                                    <div class="artist-bottom">
                                        <span>最近1场演出</span>
                                        <i>></i>
                                    </div>
                                </li>
                                <li>
                                    <div class="artist-top">
                                        <span class="zhangjie"></span>
                                        <i>
                                            张杰
                                            <b>37.2万粉丝</b>
                                        </i> 
                                        <em>+ 关注</em>
                                    </div>
                                    <div class="artist-bottom">
                                        <span>最近2场演出</span>
                                        <i>></i>
                                    </div>
                                </li>
                            </ul>
                    </div>
                    
                </div>
            </div>
            <!-- end -->
            <!-- 近期演出 -->
            <div class="dm-close-show">
                <div class="show-title">
                    近期演出
                    <span>演出日历 ></span>
                </div>
                <div class="show-week">
                    <span class="active" id="monday">今天</span>
                    <span id="tuesday">明天</span>
                    <span id="wednesday">周三</span>
                    <span id="thursday">周四</span>
                    <span id="friday">周五</span>
                    <span id="saturday">周六</span>
                    <span id="sunday">周日</span>
                </div>
                <div class="show-work">
                    <ul>
                        <li>
                            <div class="show-img">

                            </div>
                            <span>
                                2019 ChinaJoy中国国际数码互动娱乐展览会
                            </span>
                            <p>
                                ￥110起
                            </p>
                        </li>
                        <li>
                            <div class="show-img">

                            </div>
                            <span>
                                2019 ChinaJoy中国国际数码互动娱乐展览会
                            </span>
                            <p>
                                ￥110起
                            </p>
                        </li>
                        <li>
                            <div class="show-img">

                            </div>
                            <span>
                                2019 ChinaJoy中国国际数码互动娱乐展览会
                            </span>
                            <p>
                                ￥110起
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- end -->

            <!-- 更多演出 -->
            <h2>更多演出</h2>
            <div class="dm-content-more">
                <div class="content-more-title">
                    <span>全部分类</span>
                    <span>全部时间</span>
                    <span>推荐排序</span>
                    <span>距离最近</span>
                </div>
                <div class="content-more-list">
                    <!-- {{each list}}
                    <div class="data-show">
                        <div class="data-img">
                            <img src="{{$value.verticalPic}}">
                        </div>
                        <div class="data-desc">
                            <div class="data-desc-name">
                                <span>{{$value.projectName}}</span>
                            </div>
                            <div class="data-desc-city">                               
                                {{$value.cityname}} / {{$value.showTime}} / {{$value.venue}}
                            </div>
                            <div class="data-desc-price">￥{{$value.price}}</div>
                        </div>
                    </div>
                    {{/each}} -->
                </div>
            </div>
    </main>
</div>